<template>
	<view class="pu">
		<view class="dl1">
			<view class="left">
				<img src="http://m.mengxuegu.com/static/logo.png" class="img1" alt="">
				<span class="qdl" >请登录</span>
			</view>
			<view class="right">
				<i class="iconfont icon-right ic"></i>
			</view>
		</view>
		<!-- 灰条 -->
		<view class="ht">	</view>
			<!-- 三个 -->
			<view class="san_Big bor">
				<view class="san_One">
					<span class="left_One"><i class="iconfont icon-wodedingdan as"></i><span style="margin-left: 100rpx;">我的订单</span></span>
				<span class="right_One">	<i class="iconfont icon-right"></i></span></view>
			</view>
			
			<view class="san_Big bor">
				<view class="san_One">
					<span class="left_One"><i class="iconfont icon-suoping as"></i><span style="margin-left: 100rpx;">我的余额</span></span>
				<span class="right_One">	<i class="iconfont icon-right"></i></span></view>
			</view>
			
			<view class="san_Big">
				<view class="san_One">
					<span class="left_One"><i class="iconfont icon-miaobiao as"></i><span style="margin-left: 100rpx;">我的学习</span></span>
				<span class="right_One">	<i class="iconfont icon-right"></i></span></view>
			</view>
				<!-- 灰条 -->
			<view class="ht">	</view>
			<view class="san_Big bor">
				<view class="san_One">
					<span class="left_One"><i class="iconfont icon-shezhi as"></i><span style="margin-left: 100rpx;">设置</span></span>
				<span class="right_One">	<i class="iconfont icon-right"></i></span></view>
			</view>
			<view class="san_Big">
				<view class="san_One">
					<span class="left_One"><i class="iconfont icon-miaobiao as"></i><span style="margin-left: 100rpx;">意见反馈</span></span>
				<span class="right_One">	<i class="iconfont icon-right"></i></span></view>
			</view>
			
			<!-- 灰条 -->
			<view class="ht">	</view>
			<view class="san_Big bor">
				<view class="san_One">
					<span class="left_One"><i class="iconfont icon-shipinhezi as"></i><span style="margin-left: 100rpx;">关于我们</span></span>
				<span class="right_One">	<i class="iconfont icon-right"></i></span></view>
			</view>
	
	</view>
</template>
<!-- icon-shezhi  设置
icon-laba   喇叭
icon-suoping  锁
icon-miaobiao 秒表
icon-wodedingdan 我的订单
icon-shipinhezi 盒子
			-->
<script>
	
	export default {
		setup(props, context) {
	
			
			return{
				
			}
		}
	}
</script>

<style>
	@import'../../static/icon/iconfont.css';
	@import'../../static/icon1/iconfont.css';
	.san_One{
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	.bor{
			border-bottom: 1px solid whitesmoke;
	}
	.as{
		font-size: 55rpx;
		color: royalblue;
		position: absolute;
		left: 15px;
	} 
	.san_Big{
		
	}
	.ht{
		width: 100%;
		height: 16rpx;
		background-color: whitesmoke;
	}
	.dl1{
		height: 250rpx;
		/* line-height: 300rpx; */
		display: flex;
	}
	.left{
		width: 50%;
		/* text-align: center; */
		position: relative;
	}
	.img1{
		width: 150rpx; 
		height: 150rpx;
	margin-top: 20px;
	margin-left: 70rpx;
		
	}
	.qdl{
		font-size: 44rpx;
		position: absolute;
		right: 0;
		top: 90rpx;
	}
	.right{
		flex: 1;
	position: relative;
	}
	.ic{
		position: absolute;
		top: 100rpx;
		right: 10rpx;
	}
	.pu{
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		width: 100%;
		height: 100%;
		position: absolute;
		top: -10px;
		z-index: 999;
		background-color: white;
	}
</style>
